import { createApp } from "vue";
import App from "./App.vue";
import "./style.css";

// Ant Design Vue
import Antd from "ant-design-vue";
import "ant-design-vue/dist/reset.css";

// Pinia
import { createPinia } from "pinia";

// Vue Query
import {
  VueQueryPlugin,
  QueryClient,
  type VueQueryPluginOptions,
} from "@tanstack/vue-query";
// Vue Konva
import VueKonva from "vue-konva";

const app = createApp(App);

app.use(createPinia());
app.use(Antd);
app.use(VueKonva);

const queryClient = new QueryClient();
const vueQueryOptions: VueQueryPluginOptions = { queryClient };
app.use(VueQueryPlugin, vueQueryOptions);

app.mount("#app");
